<!DOCTYPE html>
<html lang="en">
  <head>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="lib/angular/angular.min.js"></script>
    <script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
    <script src="js/index.js" type="text/javascript"></script>
	
    <title>Book Library</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="generator" content="CSE HTML Validator (http://www.htmlvalidator.com/)">
    <link rel="stylesheet" type="text/css" href="style.css">
    <script type="text/javascript">
      function about() {
        info = document.getElementById('about-content');
        if (window.XMLHttpRequest)
          { xhr = new XMLHttpRequest(); }
        else
          { xhr = new ActiveXObject("Microsoft.XMLHTTP"); }
        xhr.open("GET","rails/info/properties",false);
        xhr.send("");
        info.innerHTML = xhr.responseText;
        info.style.display = 'block'
      }
    </script>
  </head>
  <body>
  <div id="portalOuterContainer">
	<div id="header">
	<div id="out">
		<div id="l">
			<h2>Ngôn ngữ:</h2>
		</div><!--End l-->
	
		<ul id="m">
			<li><a href="#" ><img src="images/vn.jpg" alt="Tieng Viet"></a></li>
			<li><a href="#" ><img src="images/anh.jpg" alt="Tieng Anh"></a></li>
		</ul><!--End m-->

		<div id="r">
			
		</div><!--End r-->  
		</div>
	</div>	<!--End header-->
  
	<div id="mid">
		<div id="wrapper">
			<div id="banner">
				<div id="imgadd"><a href="/" ><img src="images/logo.png" alt="logo RUBYPLAY"></a></div>
			</div><!--End banner-->
                  
			<div class="navbar navbar-inverse" style="position: static;" >
				<div class="navbar-inner">
					<div class="container">
						<a class="btn btn-navbar" data-toggle="collapse" data-target=".subnav-collapse">
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</a>
						<a class="brand" href="/">Trang chủ</a>
						<div class="nav-collapse subnav-collapse">
							<ul class="nav">
								
								<li class="dropdown">
									<a href="#" class="dropdown-toggle" data-toggle="dropdown">Giới thiệu <b class="caret"></b></a>
									<ul class="dropdown-menu">
										<li><a href="/introduce">Giới thiệu</a></li>
										<li><a href="/help">Hướng dẫn sử dụng</a></li>
										<li><a href="/staff">Thông tin nhân sự</a></li>
										<li><a href="#">Sơ đồ trang web</a></li>
										<li><a href="#">Các câu hỏi thường gặp</a></li>
										<li class="divider"></li>
										<li class="nav-header">Trợ giúp</li>
										<li><a href="/contact">Liên hệ</a></li>
										<li><a href="#">Giải đáp thắc mắc</a></li>
										<li><a href="/feedback">Phản hồi ý kiến</a></li>
									</ul>
								</li>
					
								 <li class="dropdown">
									<a href="#" class="dropdown-toggle" data-toggle="dropdown">Quản lý <b class="caret"></b></a>
									<ul class="dropdown-menu">
										<li><a href="/users">Quản lý xóa người dùng</a></li>
										<li><a href="#">Quản lý thêm người dùng</a></li>
										<li><a href="/products/new">Quản lý thêm sách</a></li>
										<li><a href="#">Quản lý mượn sách</a></li>
										<li><a href="#">Thêm các loại sách mới</a></li>
										<li class="divider"></li>
										<li class="nav-header">Thông tin cá nhân</li>
										<li><a href="users/1/edit">Đổi thông tin cá nhân</a></li>
										<li><a href="#">Xem lịch sử mượn sách</a></li>
									</ul>
								</li>
								
								
								<li class="dropdown">
									<a href="#" class="dropdown-toggle" data-toggle="dropdown">Tìm kiếm và lọc <b class="caret"></b></a>
									<ul class="dropdown-menu">
										<li><a href="/products/search/NameOfBook">Tìm kiếm theo tên sách</a></li>
										<li><a href="/products/search/NameOfAuthor">Tìm kiếm theo tên tác giả</a></li>
										<li><a href="#">Tìm kiếm theo năm xuất bản</a></li>
										<li><a href="#">Lọc theo tên</a></li>
										<li><a href="#">Lọc theo năm xuất bản</a></li>
										<li class="divider"></li>
										<li class="nav-header">TÌM KIẾM NÂNG CAO</li>
										<li><a href="#">Tìm chính xác</a></li>
										<li><a href="#">Tìm tương đối</a></li>
									</ul>
								</li>

								<li class="dropdown">
									<a href="#" class="dropdown-toggle" data-toggle="dropdown">Thao tác <b class="caret"></b></a>
									<ul class="dropdown-menu">
										<li><a href="/borrowedtables/new">Mượn sách</a></li>
										<li><a href="/">Trả sách</a></li>
										<li><a href="/products/require">Yêu cầu các loại sách mới</a></li>
										<li><a href="/products/new">Thêm sách mới</a></li>
										<li><a href="/product_images">Hình ảnh sách</a></li>
										<li><a href="/authors/new">Thêm tác giả mới</a></li>
										<li><a href="#">Danh mục sách</a></li>
										<li class="divider"></li>
										<li class="nav-header">XỬ LÝ PHẠT</li>
										<li><a href="#">Danh sách mượn</a></li>
										<li><a href="#">Danh sách trả trễ</a></li>
										<li><a href="#">Danh sách phạt tiền</a></li>
									</ul>
								</li>
								
								<a class="active" href="/login"<font size="1">Đăng nhập</font></a> /
								<a class="active" href="/login"<font size="1">Đăng ký</font></a>

								
							</ul>
							
						   
						   <ul class="nav pull-right">
								<form class="navbar-search pull-left" action="">
								<input type="text" class="search-query span2" ng-model="qty"placeholder="Tìm kiếm nhanh">
								</form>
								
								
							</ul>
							

						</div><!-- /.nav-collapse -->
					</div>
				</div><!-- /navbar-inner -->
			</div>
	  
	  
			<div id="contain">
				<div id="slidebar">
					<div id="head">
						<h1>Danh mục</h1>
					</div><!--End head-->
          
					<ul id="list">
						<li><a href="#" >Tin tức</a></li>
						<li><a href="/products/new" >Sách mới</a></li>
						<li><a href="#" >Danh mục sách</a></li>
						<li><a href="/authors" >DS tác giả</a></li>
						<li><a href="#" >Xử phạt tiền</a></li>
						<li><a href="/help" >Trợ giúp</a></li>
						<li><a href="/contact" >Liên hệ</a></li>
						
            
					</ul><!--End list-->
				</div><!--End slidebar-->
        
				

				<div id="adv">
					<div id ="t">
						<h1>Quảng cáo</h1>
					</div><!--End t -->
                    </br>
                    <img src="images/bk_quangcao.png" alt="BK_logo" width="180" height="180"/> 
                    </br></br>
                    <img src="images/thuvien_quangcao.png" alt="thuvien_logo" width="180" height="180"/> 
                    </br></br>
                    <img src="images/book_online_quangcao.jpg" alt="book_logo" width="180" height="180"/> 
                	</br></br>
                	<img src="images/bk55.jpg" alt="bk55_logo" width="180" height="180"/> 
                	</br></br>
                	<img src="images/bb.jpg" alt="bk55_logo" width="180" height="180"/> 
					<div id="b">
					</div><!--End b -->
				</div><!--End adv-->

				<div id="main">
					<h1 align="middle"> <font color="color" size = "5"> TIN TỨC MỚI CỦA THƯ VIỆN </h1></font>
					<div id ="t">
                     	<div id="block-last_node-0" class="clear-block block block-last_node">
	                        <font size = "3">
	                        <div class="content"><marquee id="last_node-block" direction="up" scrollamount="1" scrolldelay="1" onmouseover="this.stop()" onmouseout="this.start()"><p>1. Thư viện đang tuyển sinh viên kiểm kê sách nhận 1 ngày công tác xã hội</p><br><br><p>2. Thư Viện đang nhập một số lượng lớn các loại sách ngoại ngữ như Tiếng Anh, Tiếng Pháp, Tiếng Trung, Tiếng Nhật, v.v.</p><br><br><p>3. Thư Viện đang cần các bạn sinh viên ủng hộ sách mới</p><br><br><p>4. Thư viện mới cập nhật một số sách mới như:</br>1. Hạt giống tâm hồn</br>2.Bí Quyết làm giàu </br> 3.Tăng khả năng giao tiếp không khó </br> 4. Dạy con làm giàu</p><br><br><p>5. Thư Viện mới thêm mới được trang bị thêm một số phòng tự học cho sinh viên </p></br></marquee></div>
	                        </font>
                    	</div>  
                    
					</div><!--End t -->
				</div><!--End main-->
				
			</div><!--End contain-->
		</div><!-- End wrapper-->
		
	</div><!--End mid-->
  
	<div id="footer">
		<h1>&copy COPYRIGHT 2013: <span>PPL</span></h1>
		
	</div><!--End footer-->
  </div>
</body>
</html>
